<?php
/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
?>

<html>
    <head>
        <title>Login</title> 
        <script type="text/javascript"  lang="javascript">
            $(document).ready(function() {
                $("#loginForm").validate({
                    errorElement: "em",
                    rules:{
                        usulogin: {
                            required: true
                        }, 
                        usupassword: {
                            required: true
                        }
                    },
                    messages:{
                        usulogin: {
                            required:'Campo no puede ser vacio'
                        },
                        usupassword: {
                            required: 'Campo no puede ser vacio'

                        }

                    }
                });
            });

            function enviar (){
                var b=$("#loginForm").valid();
                if(b){
                    $("#loginForm").submit();
                }
            }
            $(document).ready(function(){
                $("#enviar").click(function() {
                    enviar();
                });
            });
            
            $(function(){
                $('#usupassword').keypress(function(e){
                    if(e.which == 13){
                        enviar(); return false;
                    }
                });
            });
        </script>
    </head>
    <body>
        <div id="cabecera">
            <img src="css/images/logo.png" />
        </div>
        <div id="contenidos">
            <div id="bienavenido">
                <h1>Bienvenido....!</h1>
                <p>
                    Aplicaci&oacute;n para la gesti&oacute;n de torneo de tenis. 
                </p>
            </div>
            <div id="formulario1">
                <h2>Iniciar Sessi&oacute;n</h2>
                <form id="loginForm" action="control/ControlUsuario.php" method="post">
                    <input type="hidden" id="opcion" name="opcion" value="login" />

                    <label for="usulogin"><strong>Login:</strong></label> <br />
                    <input type="text" id="usulogin" name="usulogin"  value="<?php echo $_GET['lg']; ?>" size="45"/>
                    </p>
                    <p>
                        <label for="usupassword"><strong>Contrase&ntilde;a:</strong></label> <br />
                        <input type="password" id="usupassword" name="usupassword" size="45"/>
                    </p>
                    <input type="button" id="enviar" value="Enviar" onClick="" />
                    <?php
                    if (isset($_GET['lg'])) {
                        ?>  
                        <em class="error">Datos Incorrectos</em>    
                        <?php
                    }
                    ?> 
                </form>
            </div>
            <div id="clear"></div>
        </div>
    </body>
</html>